<template>
character的值：{{ character }}
<br/>
name的值：{{name}}<br/>
age的值：{{age}}<br/>
mana的值：{{mana}}<br/>
</template>

<script setup>
import { ref,reactive, toRefs } from 'vue'
//toRefs()函数用于将响应式对象中的所有属性转换为响应式数据。
//定义响应式对象
const character=reactive({
    name:'太乙真人',
    age:1000,
    mana:4000 
})

let {name,age,mana} =toRefs(character)

setTimeout(()=>{
    //修改响应式数据
    // name.value='哪吒',
    // age.value=10000,
    // mana.value=5000
    character.name='哪吒1'
},2000)
</script>


<style>
</style>